<template>
	<Theme>
		<u-dropdown active-color="#00b280" class="bgw">
			<u-dropdown-item v-model:modelValue="value" title="排序" :options="options" />
		</u-dropdown>
		<view v-for="(item,i) in list" :key="i">
			<text>{{item.cate}}</text>
			<text>{{item.reason}}</text>
			<text>{{item.is_alert}}<text class="pl4">{{filter.date(item.created_at, 'yyyy-mm-dd hh:mm:ss')}}</text></text>
		</view>
	</Theme>
</template>

<script lang="ts">
import util from '@/utils/util'
import {page,list} from '@/mixins'

export default {
	mixins: [page,list],
	data() {
		return {
			meta:{title:'安全预警'},
			value: 1,
			options: [{
				label: '全部',
				value: 1
			}, {
				label: '部分1',
				value: 2
			}, {
				label: '部分2',
				value: 3
			}]
		}
	}
}
</script>
